<template>
	<button class="footerBtn" @click="footerFn" type="default">{{btnTip}}</button>
</template>

<script>
	export default {
		name:"footer-button",
		props:{
			btnTip:{
				type: String,
				default:''
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			footerFn(){
			  this.$emit('clickFooter')	
			}
		}
	}
</script>

<style lang="scss" scoped>
 .footerBtn{
	 position: fixed;
	 bottom: 40rpx;
	 width: 90%;
	 left: 5%;
	 background: linear-gradient( 225deg, #8AF3B3 0%, #02B1AA 100%);
	 box-shadow: 0rpx 0rpx 24rpx 2rpx rgba(2,177,170,0.3);
	 border-radius: 16rpx 16rpx 16rpx 16rpx;
	 font-size: 36rpx;
	 color: #fff;
	 height: 88rpx;
	 line-height: 88rpx;
 }
</style>